<template>
  <div class="footer-wrap">
    <span>Copyright © {{ currentY }} {{ COMPANY }} 版权所有 </span>
    <a
      href="https://beian.miit.gov.cn/"
      title="ICP备案"
      target="_black"
      v-if="ICP"
      >{{ ICP + " " }}</a
    >
    <a :href="WEBSITE" title="去官网" target="_black">{{ COMPANY }}官网</a>
  </div>
</template>

<script setup>
import { COMPANY, ICP, WEBSITE } from "@/config";
const currentY = ref(new Date().getFullYear());
</script>

<style lang="less" scoped>
.footer-wrap {
  // position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  padding: 10px 0;
  text-align: center;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
}
.footer-wrap:hover {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2);
}
a {
  text-decoration: none;
  color: black;
}
</style>
